import type { ComponentProps, InputHTMLAttributes, ReactNode } from 'react';
import { Option } from './components/Option';
import type { Sizes } from './types';
type SelectableCardOptionGroupProps = {
    legend?: string;
    legendDescription?: ReactNode;
    className?: string;
    required?: boolean;
    columns?: number;
    children: ReactNode;
    helper?: ReactNode;
    error?: ReactNode;
    /**
     * The value that is selected among selectable card options.
     */
    value?: ComponentProps<typeof Option>['value'];
    /**
     * The value that is selected among select input options.
     */
    optionValue?: ComponentProps<typeof Option>['optionValue'];
    onChangeOption: (value: string) => void;
    disabled?: boolean;
    size?: Sizes;
} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'style' | 'aria-describedby'>;
/**
 * SelectableCardOptionGroup gives you a group of SelectInput within a SelectableCard component.
 * It's an input that provide the choice of one value and sub options to choose from.
 *
 * **Be aware that once you click on the component, the first value of options will be selected by default.**
 */
declare const SelectableCardOptionGroupComponent: {
    ({ legend, legendDescription, className, required, columns, children, helper, error, onChange, value, optionValue, onChangeOption, name, disabled, size, style, 'aria-describedby': ariaDescribedBy, }: SelectableCardOptionGroupProps): import("react").JSX.Element;
    displayName: string;
};
type SelectableCardOptionGroupType = typeof SelectableCardOptionGroupComponent & {
    Option: typeof Option;
};
export declare const SelectableCardOptionGroup: SelectableCardOptionGroupType;
export {};
//# sourceMappingURL=SelectableCardOptionGroup.d.ts.map